text - align
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Помилки |
Помилки |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS2 |
|
Значення за умовчанням |
left |
|
Наслідує |
Так |
|
Застосовується |
До
усіх елементів |
|
Аналог HTML |
<center><p
| h1 | div | table | thead | tbody | tfoot | tr | th | td align> |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/text.html#propdef - text - align |
Опис
Визначає
горизонтальне вирівнювання тексту в межах елементу.
Синтаксис
text
- align: center | justify | left | right | inherit
Значення
center
Вирівнювання тексту по центру. Текст поміщається по
центру горизонталі вікна браузеру або контейнера, де розташований текстовий
блок. Рядки тексту немов нанизуються на невидиму вісь, яка проходить по центру
веб-сторінки. Подібний спосіб вирівнювання активно використовується в
заголовках і різних підписах, ніби подрисуночных, він надає офіційному і
солідному вигляду оформленню тексту. У усіх інших випадках вирівнювання по
центру застосовується рідко з тієї причини, що читати великий об'єм такого
тексту незручно.
justify
Вирівнювання по ширині, що означає одночасне вирівнювання
по лівому і правому краю. Щоб виконати цю дію браузер в цьому випадку додає
пропуски між словами.
left
Вирівнювання тексту по лівому краю. В цьому випадку рядки
тексту вирівнюється по лівому краю, а правий край розташовується
"драбинкою". Такий спосіб вирівнювання є найбільш популярним на
сайтах, оскільки дозволяє користувачеві легко відшукувати поглядом новий рядок
і комфортно читати великий текст.
right
Вирівнювання тексту по правому краю. Цей спосіб
вирівнювання виступає в ролі антагоніста попередньому типу. А саме, рядки
тексту дорівнюють по правому краю, а лівий залишається "рваним".
Через те, що лівий край не вирівняний, а саме з нього починається читання нових
рядків, такий текст читати важче, ніж, якби він був вирівняний по лівому краю.
Тому вирівнювання по правому краю застосовується зазвичай для коротких
заголовків об'ємом не більше трьох рядків. Ми не розглядаємо специфічні сайти,
де текст доводиться читати справа наліво, там можливо подібний спосіб
вирівнювання і згодиться.
auto Не змінює положення елементу.
inherit Наслідує значення батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>text - align</title> <style type="text/css"> div { border: 1px solid black; /* Параметрів рамки */ padding: 5px; /* Полів навколо тексту */ margin - bottom: 5px; /* Відступ знизу */ } #left { text - align: left; } #right { text - align: right; } #center { text - align: center; } .content { width: 75%; /* Ширина шару */ background: #fc0; /* Колір фону */ } </style> </head> <body> <div id="left"><div class="content">Вирівнювання по лівому краю</div></div> <div id="center"><div class="content">Вирівнювання по центру</div></div> <div id="right"><div class="content">Вирівнювання по правому краю</div></div> </body></html>
Результат
цього прикладу показаний ні мал. 1.
Мал. 1. Вирівнювання тексту у браузері Opera
Об'єктна модель
[window.]document.getElementById("elementID").style.textAlign
